{include file="lib/front_header.html"}

{foreach $banner as $val}
	<div class="focus_img"{if $val@key} style="display:none"{/if}>
		<div class="slogan">
			<h1 class="super_huge" id="marquees_title">{$val.title}</h1>
			<h3 class="large" id="marquees_content">{$val.link}</h3>
		</div>
		<img src="pic/950/439?file={$val.pic}" />
	</div>
{/foreach}

	</div>
	<ul class="head_line clearfix">
		{foreach $news as $val}
			{if $val@last}
			<li>
				<header>
					<h3 class="gray">
						{date('M. d Y', $val.add_time)}
					</h3>
					<article class="small">
						{$val.description} 
					</article>
					<a href="news_view?id={$val.id}" class="fr btn small">continue to read</a>
				</header>
			</li>
			{else}
			<li class="mr60">
				<header>
					<h3 class="gray">
						{date('M. d Y', $val.add_time)}
					</h3>
					<article class="small">
						{$val.description} 
					</article>
					<a href="news_view?id={$val.id}" class="fr btn small">continue to read</a>
				</header>
			</li>
			{/if}
		{/foreach}
	</ul>
	<div class="break_line clearfix lh40"><a href="news_list" class="fr">More Press>></a></div>
	<div class="footer mt10">
		<div class="footer_break">
			<a href="" class="logo fl">Lodestone</a>
			<a href="http://www.geek-zoo.com" target="_blank" class="geekzoo_logo fr">Powered by Geek-Zoo</a>
		</div>
	</div>
	<div class="footer_nav xsmall">
		{include file="lib/front_footer.html"}
	</div>
	<!--<div class="container">	
		
	</div> --><!--! end of #container -->


  <!-- Javascript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script>
  
  <script src="http://js.geek-zoo.com/libs/modernizr-1.7.min.js"></script>
  
  
  <!--[if lt IE 7 ]>
    <script src="http://js.geek-zoo.com/libs/dd_belatedpng.js"></script>
    <script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
  <![endif]-->

	<script type="text/javascript" charset="utf-8">
	  
		// var img_arr = [];
		// 
		// 
		 var index = 1;
		// var src = 'pic/950/439?file=';
	 setInterval(function(){
	   if (index == $('.focus_img').length) {
		 		index = 0;
	   }
			$('.focus_img:visible').fadeOut(function(){
				$('.focus_img:eq('+index+')').fadeIn();
				index++;
			});
	 }, 5000);
	</script>
</body>
</html>